<template>
    <div class="info-view-box">
        <HeaderCom></HeaderCom>
        <div class="main-box">
            <LargeMapCom class="left-box"></LargeMapCom>
            <MainInfoCom class="right-box"></MainInfoCom>
        </div>
    </div>
</template>

<script>
import HeaderCom from './components/HeaderCom.vue'
import LargeMapCom from './components/LargeMapCom.vue'
import MainInfoCom from './components/MainInfoCom.vue'

export default {
    name: 'InfoView',
    components: {
        HeaderCom,
        LargeMapCom,
        MainInfoCom
    },
    data() {
        return {
        }
    }
}
</script>

<style lang="less" scoped>
.info-view-box {
    width: 100%;
    height: 750px;
    background: url(@/assets/image/bg.png) no-repeat;
}

.main-box {
    width: 1400px;

    margin: 0 auto;
    display: flex;
    // background: #ccc;
    .left-box {

    }

    .right-box {

    }
}
</style>
